{% extends 'base.html' %}

{% block title %}Widgets | {% endblock %}
{% block bodytag %}<body id="widgets">{% endblock %}
{% block content %}
<h1>Add RepSheet search to your site</h1>

<h2 id="300_basic">Widget Style #1: "300 Basic"</h2>
<ul>
<li><p>XHTML compatible widget, 300 pixels wide.</p></li>
<li>
<p>Example:</p>
<iframe src="http://repsheet.com/widgets/300_basic/" width="300" 
scrolling="no" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</li>
<li style="list-style:none;"><p><b>Add it:</b> Copy and paste this code into your site template</p>
<textarea style="width: 300px;" rows="3">{% include 'widgets_300_basic.html' %}</textarea>
</li>
</ul>

<h2 id="300_sleek">Widget Style #2: "300 Sleek"</h2>
<ul>
<li><p>XHTML compatible widget, 300 pixels wide.</p></li>
<li>
<p>Example:</p>
<iframe src="http://repsheet.com/widgets/300_sleek/" width="300" 
height="120px" scrolling="no" marginwidth="0" marginheight="0" 
frameborder="0"></iframe>
</li>
<li style="list-style:none;"><p><b>Add it:</b> Copy and paste this code into your site template:</p>
<textarea style="width: 300px;" rows="3">{% include 'widgets_300_sleek.html' %}</textarea>
</li>
</ul>


<h2>Need help adding the widget to your site?</h2>
<ul>
<li><a href="http://help.blogger.com/bin/answer.py?answer=53220&topic=12488">Blogspot Users: How to add third-party widgets</a></li>
<li><a href="http://codex.wordpress.org/Plugins/WordPress_Widgets#Using_Text_Widgets">Wordpress.Org Users (Self-Hosted): Working with text widgets</a></li>
<li><a href="http://www.learningmovabletype.com/a/working_with_mo/">Moveable Type Users: Working with Templates: Sidebar Widgets</a></li>

</ul>
{% endblock %}
